.panelbox {border-radius: 4px;}
.assess-list .item {border-radius: 4px;}
.assess-list .item .btnbox {width: auto; text-align: center;}
.assess-list .item .btnbox .btn-vote {padding: 5px 10px; width: 100%; display: inline-block;}
.files-item {display: flex;}
.files-item .files-item-label {text-align: justify; text-align-last: justify; min-width: 4rem;flex-wrap: wrap; margin-right: 10px; margin-bottom: 10px; font-weight: 600; float: left;}
.files-item .files-item-files {flex-wrap: wrap; float: left;}
.files-item .files-item-files span {display: inline-block; margin-right: 10px;}

.table-vote {
    margin-top: 10px;
    background: #fff;
    width: 100%;
    padding: 30px;
}
.table-vote .tip {font-size: .8em; margin-bottom: 10px;}
.table-vote table {width: 100%;}
.table-vote table td,.table-vote table th {padding: 10px 5px; border: 1px solid #ddd;}
.table-vote table td.td-score {vertical-align: middle;}
.table-vote table td.td-score input {border: 1px solid #3089f8; color: #000; background-color: #fff; padding: 8px 5px; width: 80%;}
.table-vote table td.td-score input::-webkit-input-placeholder,.table-vote table td.td-score input::placeholder {color: #3089f8 !important; font-size: 1em;}
.table-vote table td.td-score input:focus {outline: none;}

.table-vote table .v-title {width: 20%;}
.table-vote table .v-title .v-title-file {display: none;}
.table-vote table .v-file {width: 30%;}

.top-files {display: flex; margin-top: 10px; justify-content: space-between; flex-wrap: wrap;}
.top-files span{background: #fff; text-align: center; padding: 5px 5px; border-radius: 2px; margin: 2px 0; border-radius: 4px;}
.top-files a {display: inline-block; width: 100%;}
.top-files.scroll-to-fixed-fixed {
    background-color: #0171fb; top: 0px; left: 0px; margin-top: 0px;
    -webkit-box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;
    box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;
}
.top-files.scroll-to-fixed-fixed a {color: #fff;}

.gbjph-vote .item-with-sub {border: 1px solid #ddd; margin-bottom: 20px;
    /* -webkit-box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ; */
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1) ;
}
.gbjph-vote .subtitle {border-bottom: 1px solid #ddd; padding: 10px; font-size: 1em; font-weight: bold;}
.gbjph-vote .personals {padding: 0px 10px;}
.gbjph-vote .personal-files-list {display: none; margin-top: 2px;}
.gbjph-vote .personal-item {display: flex; align-items: center; margin: 5px 0; width: 100%;}
.gbjph-vote .personal-item .name {width: 20%;}

.gbjph-vote .personal-item .files-list {width: 30%; padding: 0px 10px; display: flex; align-items: center; flex-wrap: wrap;}
.gbjph-vote .personal-item .files-list span {margin: 0px 15px;}
.gbjph-vote .personal-item .td-score{flex: 1; text-align: right;vertical-align: middle; min-height: 40px;}
.gbjph-vote .personal-item .td-score input {border: 1px solid #3089f8; color: #000; background-color: #fff; padding: 8px 5px; width: 80%;}
.gbjph-vote .personal-item .td-score input::-webkit-input-placeholder,.table-vote table td.td-score input::placeholder {color: #3089f8 !important; font-size: 1em;}
.gbjph-vote .personal-item .td-score input:focus {outline: none;}
.gbjph-vote .personal-item .td-score span {display: block; text-align: right; line-height: 40px;}

.gbmq-vote {background-color: #fff;}
.gbmq-vote .item-with-sub {background-color: #fff; box-shadow:  none; border: none; margin-bottom: 0px; padding: 15px 10px; border-bottom: 1px solid #ddd;}
.gbmq-vote .personal-item {margin: 0px;}
.gbjph-vote .personal-item .td-score {min-height:inherit}

.file-views .personal-item .name {width: 40%;}
.file-views .personal-item .files-list {width: 60%;}

#alert_dw_count {
    color: #fff;
    background-image: -webkit-linear-gradient(0deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-image: -moz-linear-gradient(90deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-image: linear-gradient(90deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
    border: none;
    font-size: 1em;
    -webkit-box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;
    box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;
}
@media only screen and (max-width:760px) {
    body {font-size: 12px;}
    .assesswrap {padding: 0px;}
    .assesswrap .panelbox {padding: 10px;}
    .assess-list.panelbox {padding: 0px;}
    .assess-list .item {padding: 10px; display: block; margin-top: 0px; margin-bottom: 10px;}
    .assess-list .item .num {display: none;}
    .assess-list .item .btnbox {margin-top: 1em;}
    .page-meeting_time-show .assess-header, .page-meeting_time-vote .assess-header {
        display: block;
    }
    .assess-header .fontstyle ul {justify-content: right; width: 160px; float: right;}

    .table-vote {padding: 10px;}
    .table-vote table .v-title {width: 50%;}
    /* .table-vote table .v-title .v-title-file {display: block;}
    .table-vote table .v-file {width: 0%; display: none;} */


    .gbmq-vote .item-with-sub {padding: 15px 0;}
    .gbjph-vote .personal-files-list {display: block;}
    .gbmq-vote .personal-item {flex-wrap: wrap;}
    .gbjph-vote .personal-item .name {width: 65%;}
    .gbjph-vote .personal-item .td-score {flex: 1;}

    
    .gbjph-vote .personal-item .files-list {display: none;}
    .gbjph-vote .personal-item .files-list span {margin: 0px 5px;}
    .gbjph-vote .personal-item .td-score input {width: 100%;}
    .gbjph-vote .personal-item .td-score .btn-ac {display: block;}
}
@media only screen and (max-width:480px) {
    body {font-size: 12px;}
}